<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/base.css" />
</head>

<body>
    <!-- header -->
    <header class="pg-header">
        <div class="wid clearfix">
            <a href="index.html" class="logo fl"><img src="./images/logo.png" /></a>
            <div class="fr clearfix">
                <a href="#login-modal" data-toggle="modal" class="logo-btn">客户登录</a>
                <nav class="nav">
                    <ul class="clearfix">
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li>
                            <a href="about.html">走近云水泉<i class="iconfont icon-xiasanjiao"></i></a>
                            <div class="menu">
                                <div class="menu-list"> <a href="about.html" class="menu-a">公司介绍</a>
                                    <a href="idea.html" class="menu-a">投资理念</a>
                                    <a href="contact.html" class="menu-a">联系我们</a></div>
                            </div>
                        </li>
                        <li>
                            <a href="news.html">云水泉动态<i class="iconfont icon-xiasanjiao"></i></a>
                            <div class="menu">
                                <div class="menu-list">
                                    <a href="news.html" class="menu-a">云水泉动态</a>
                                    <a href="viewpoint.html" class="menu-a">云水泉观点</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="product.html">投资者服务<i class="iconfont icon-xiasanjiao"></i></a>
                            <div class="menu">
                                <div class="menu-list">
                                    <a href="product.html" class="menu-a">产品咨询</a>
                                    <a href="control.html" class="menu-a">合理风控</a>
                                    <a href="process.html" class="menu-a">认购流程</a></div>
                            </div>
                        </li>
                        <li>
                            <a href="join.html">加入云水泉</a>
                        </li>
                        <li>
                            <a href="business.html">集团业务</a>
                        </li>
                    </ul>
                </nav>

            </div>

        </div>

    </header>
    <!-- header-end -->
    <!-- banner -->
    <div class="banner inner-banner state-banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image: url(./images/contact-banner.jpg)"></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"><i class="iconfont icon-mjiantou-copy-copy"></i></div>
            <div class="swiper-button-prev"><i class="iconfont icon-mjiantou-copy"></i></div>
        </div>
    </div>
    <!--banner-end-->
    <div class="inner-nav">
        <a href="about.html">
            公司介绍
        </a>
        <a href="idea.html">
            投资理念
        </a>
        <a href="contact.html" class="active">
            联系我们
        </a>
    </div>
    <!-- 主体 -->
    <div class="wid index-main">
        <div class="contactUs">
            <div class="contact-info clearfix">
                <div class="fl">
                    <h4>云水泉（北京）资产管理有限公司（云水泉资本）</h4>
                    <div class="info-txt">

                        <p>地址：北京市朝阳区北苑路86号院（嘉铭桐城）E区213号</p>
                        <p>邮编：100020</p>
                        <p>电话：86-18500353549</p>
                        <p>集团总机：010-84108866</p>
                        <p>集团传真：010-84108899</p>
                        <p>电邮：zhglb@yunshuiquan.com</p>
                    </div>
                </div>
                <div class="fr">
                    <div class="wechart">
                        <img src="./images/wechart.png" />
                        <span>云水泉官方微信</span>
                    </div>
                </div>
            </div>
           
<div class="map-wrap"> <div class="map-container" id="mapContainer"></div>

            </div>
        </div>
    </div>
    <!-- 主体-end -->
    <!-- footer -->
    <footer class="pg-footer">
        <div class="wid">
            <div class="ft-left">
                <ul class="ft-nav clearfix">
                    <li>
                        <a href="about.html">关于我们</a>
                    </li>
                    <li>
                        <a href="contact.html">联系方式 </a>
                    </li>
                    <li>
                        <a href="#login-modal" data-toggle="modal" class="logo-btn">客户登录</a>
                    </li>
                    <li>
                        <a href="join.html">校园招聘</a>
                    </li>
                </ul>
                <div class="copyRight">
                    Copyright © 云水泉（北京）资产管理有限公司版权所有 京ICP备10040000053号 京公网安备110102000008

                </div>
            </div>
            <div class="ft-right">
                <ul>
                    <li>
                        <i class="ft-icon icon_weixin"></i>
                        <dl>
                            <img src="./images/weixin.jpg" />
                        </dl>

                    </li>
                    <li>
                            <a href="">
                                    <i class="ft-icon icon_weibo"></i>
                                  </a>
                    </li>
                </ul>

            </div>
        </div>
    </footer>
    <!--footer-end-->

    <!-- login -->
    <div class="modal fade login-modal" id="login-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close" data-dismiss="modal"><i class="iconfont icon-guanbi"></i></div>
                <div class="login-box">
                    <header class="login-title">客户登录</header>
                    <form action="center.html">
                        <div class="form-list">
                            <input type="text" placeholder="请输入账号/手机号" class="form-text" />
                        </div>
                        <div class="form-list">
                            <input type="password" placeholder="请输入密码" class="form-text" />
                        </div>
                        <div class="form-list">
                            <button class="login-btn">立即登陆</button>
                        </div>
                        <div class="form-list"> <a href="find-password.html" class="find-btn">找回密码</a></div>
                        <div class="form-list"> <a href="register.html" class="register-btn">立即注册</a></div>
                        <div class="form-list">
                            <p class="no-code">还没账号，<a href="register.html">请注册</a></p>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- login-end -->

    <script src="js/jquery.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/common.js"></script>
    <script>
        $(".pg-header .nav ul li").eq(1).addClass("active");
    </script>
    <script src="js/map.js"></script>
    <script>
        !function(){
            var infoWindow, map, level = 17,
                center = {lng: 116.433182, lat: 40.010039},
                features = [{type: "Marker", name: "云水泉（北京）资产管理有限公司（云水泉资本）", desc: "", color: "red", icon: "cir", offset: {x: -9, y: -31}, lnglat: {lng: 116.433182, lat: 40.010039}}];
    
            function loadFeatures(){
                for(var feature, data, i = 0, len = features.length, j, jl, path; i < len; i++){
                    data = features[i];
                    switch(data.type){
                        case "Marker":
                            feature = new AMap.Marker({ map: map, position: new AMap.LngLat(data.lnglat.lng, data.lnglat.lat),
                                zIndex: 3, extData: data, offset: new AMap.Pixel(data.offset.x, data.offset.y), title: data.name,
                                content: '<div class="icon icon-' + data.icon + ' icon-'+ data.icon +'-' + data.color +'"></div>' });
                            break;
                        case "Polyline":
                            for(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){
                                path.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));
                            }
                            feature = new AMap.Polyline({ map: map, path: path, extData: data, zIndex: 2,
                                strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity });
                            break;
                        case "Polygon":
                            for(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){
                                path.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));
                            }
                            feature = new AMap.Polygon({ map: map, path: path, extData: data, zIndex: 1,
                                strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity,
                                fillColor: data.fillColor, fillOpacity: data.fillOpacity });
                            break;
                        default: feature = null;
                    }
                    if(feature){ AMap.event.addListener(feature, "click", mapFeatureClick); }
                }
            }
    
            function mapFeatureClick(e){
                if(!infoWindow){ infoWindow = new AMap.InfoWindow({autoMove: true}); }
                var extData = e.target.getExtData();
                infoWindow.setContent("<h5>" + extData.name + "</h5><div>" + extData.desc + "</div>");
                infoWindow.open(map, e.lnglat);
            }
    
            map = new AMap.Map("mapContainer", {center: new AMap.LngLat(center.lng, center.lat), level: level, keyboardEnable: false, doubleClickZoom: false});
    
            loadFeatures();
    
            map.on('complete', function(){
                map.plugin(["AMap.ToolBar"], function(){
                    map.addControl(new AMap.ToolBar);
                });
            })
    
        }();
    </script>
    
</body>

</html>